<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<title>Insert title here</title>
</head>
<body>
    
    <button id="test">test</button>
    <table id="stus" class="table table-striped  table-hover">
    	<tr><th>uname</th><th>sex</th></tr>
    </table>
    

<script>
	var stus=$("#stus");
    $("#test").click(function(){
        $.ajax("queryShop1",{
            method:"GET",
            type:"json",
            success:function(d){
            	var item; 
            	$.each(d,function(i,result){ 
            	item = "<tr><td>"+result['shopID']+"</td><td>"+result['shopName']+"</td><td>"+result['bossName']+"</td><td>操作</td></tr>"; 
            	$('.table').append(item); 
            	}); 
            	
            }
        });
    });
</script>
    
</body>
</html>